<%@ page language="java" contentType="text/html; charset=utf-8"	pageEncoding="utf-8"%>
<%@ include file="/WEB-INF/jsp/common/taglibs.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>会员管理</title>
<%@ include file="/WEB-INF/jsp/common/res.jsp" %>
<script type="text/javascript" src='<c:url value="/scripts/user/queryUser.js"/>'></script>
<style type="text/css">
#_user{background-color:#0087d8;}
.operation{}
.p_info{height: 20px;}
.p_info span{margin-left: 5px;}
a{border: 0px;}
.data_info{width:450px;border: 1px solid #ccc;}
</style>
</head>
<body style="overflow-x:hidden;">
<%@ include  file="/WEB-INF/jsp/common/header.jsp" %>
<div class="main">
	<div class="main_title">
			<div class="main_title2"><span>当前位置：用户管理 &gt; 用户信息</span></div>
	</div>
	<div class="main_content">
		<div class="main_menu" >
			<ul>
				<li class="choice"><a href="<c:url value="/userManage/query"/>" style="color: #FFFFFF;">会员信息</a></li>
			</ul>
		</div>
		<div class="main_list" style="height: 500px;">
<!-- 			<div class="query"> -->
<!-- 			<div style="margin: 0 auto;"> -->
<!-- 			</div> -->
<!-- 			</div> -->
			<div class="operation"></div>
			<table  width="98%" border="0" cellspacing="0" cellpadding="0" class="dataTable">
				<thead>
		              <tr>
		                <th  style="border-left: 1px solid #ccc;">编号</th>
		                <th >姓名</th>
		                <th >手机号码</th>
		                <th  style="display:none">积分</th>
		                <th  style="display:none">性别</th>
		                <th  style="display:none">生日</th>
		                <th  style="display:none">操作</th>
		              </tr>
		        </thead>
		        <tbody>
		              <c:forEach var="u" items="${users}" varStatus="var">
		              <tr <c:if test="${var.index%2 eq 0}">style="background-color:#F4F4F4"</c:if>>
		              	<td style="border-left:1px solid #ccc;">${var.index + 1}</td>
		              	<td>${u.realName}</td>
		              	<td>${u.phone}</td>
		              	<td  style="display:none">${u.credits}</td>
		              	<td  style="display:none"><c:if test="${u.gender eq 1}">男</c:if><c:if test="${u.gender eq 0}">女</c:if></td>
		              	<td  style="display:none"><c:if test="${not empty u.birthday}">${fn:replace(u.birthday, "_", "月")}日</c:if></td>
		              	<td   style="display:none" style="border-right:1px solid #ccc;">
		              		<a href="<c:url value="/userManage/edit/${u.id }"/>">[编辑]</a>&nbsp;&nbsp;
		              	</td>
		              </tr>	
		              </c:forEach>
		       </tbody>
		       </table>
		       <div class="bottom_page">
		       		<c:if test="${len lt 1}">
						<p style="text-align: center; font-size:14px;">对不起，没有符合条件的信息</p>
					</c:if>
					<c:if test="${len gt 0}">
					   <p>
							<c:if test="${page eq 1}">
								<a href="javascript:" style="color: #ccc;">首页</a>&nbsp;
								<a href="javascript:" style="color: #ccc;">上一页</a>
							</c:if>
							<c:if test="${page gt 1}">
								<a href="<c:url value="/userManage/query"/>">首页</a>&nbsp;
								<a href="<c:url value="/userManage/query?page=${page -1}"/>">上一页</a>
							</c:if>
							<c:if test="${page lt pageTotal}">
								<a href="<c:url value="/userManage/query?page=${page +1}"/>">下一页</a>&nbsp;
								<a href="<c:url value="/userManage/query?page=${pageTotal}"/>">尾页</a>
							</c:if>
							<c:if test="${page >= pageTotal}">
								<a href="javascript:" style="color: #ccc;">下一页</a>&nbsp;
								<a href="javascript:" style="color: #ccc;">尾页</a>
							</c:if>
							&nbsp;&nbsp;
							<span style="color:#ccc;font-size: 12px;">当前第${page}页/共${pageTotal}页/共${total}条记录</span>	
						</p>	
					</c:if>
		       </div>
		</div>
	</div>
</div>
</body>
</html>